enyo.kind({
	name: "AssessmentUI_Home",
	kind: "AssessmentUI_PanelBase",

	caption: "Assessment Mobile(Enyo2)",
	classes: "margin-medium",
	components: [
		{kind: "hpit.Divider", caption: "Create Assessment"},
		{content: "Create a new assessment request", onclick: "createClicked", classes: "func-desc italic bold"},
		{kind: "hpit.Divider", caption: "View Reports" },
		{content: "View your assessment reports", onclick: "reportClicked", classes: "func-desc italic bold"},
		{kind: "hpit.Divider", caption: "Manage Subscription" },
		{content: "Manage your assessment subscription",  onclick: "manageClicked", classes: "func-desc italic bold"},
		{style: "border-top: 1px solid #ccc; margin-top: 20px; padding-top: 10px;", components: [
			{kind: "hpit.Divider", caption: "This is a normal Divider"},
			{kind: "hpit.Divider", caption: "Expanded Collapsable Divider", collapsable: true, isExpanded: true, components: [
				{content: "I am expanded by default"}
			]},
			{kind: "hpit.Divider", caption: "Collapsable Divider", collapsable: true, components: [
				{content: "This is the sub text of a collapsable divider"},
				{kind:"onyx.Button", content: "A Button as Child"}
			]},
			{kind: "hpit.Divider", caption: "Checkable Collapsable Divider", collapsable: true, checkable: true, components: [
				{content: "This is sub content"}
			]},
			{kind: "hpit.Divider", name: "testDivider", caption: "Checked Checkable Collapsable Divider", collapsable: true, checkable: true, isChecked: true, onCheckChange: "checkChange", onCollapseChange: "collapseChange", components: [
				{content: "The item is checked by default"}
			]},
		]}
	],
	
	checkChange: function() {
		alert("Checked: " + this.$.testDivider.isChecked);
	},
	
	collapseChange: function() {
		alert("Expanded: " + this.$.testDivider.isExpanded);
	},
	
	createClicked: function() {
		this.parentWnd.switchView("create_type");
	},
	
	reportClicked: function() {
		this.parentWnd.switchView("report_run");
	},
});